import React from "react";
import { getAbout } from "../../../lib/data";
import { AboutSection } from "../../../components/AboutSection";
import { PageHero } from "../../../components/PageHero";

export const revalidate = 300;

export default function AboutPage({ params }: { params: { locale: string } }) {
  const locale = params.locale;
  const data = getAbout(locale);
  return (
    <main className="bg-huilong-bg text-[#f3f2f0]">
      {data.hero && (
        <PageHero
          title={data.hero.title}
          subtitle={data.hero.subtitle}
          locale={locale}
        />
      )}
      <AboutSection data={data} />
    </main>
  );
}